<template>
    <div class="app-container">
        <!-- 系统模板 -->
    <table width="100%" class="table-top" border="0">
      <tr>
        <th width="41%" colspan="6">政策备注信息</th>
        <th colspan="6" width="59%">
          <table width="100%" border="0" class="table-two">
            <tr>
              <th rowspan="2" width="16%">上/下游</th>
              <th colspan="2" width="34%" style="border-width: 0px 1px 1px; border-top-style: initial; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: initial; border-right-color: white; border-bottom-color: white; border-left-color: white; border-image: initial;">交强险</th>
              <th colspan="2" width="34%" style="border-width: 0px 1px 1px; border-top-style: initial; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: initial; border-right-color: white; border-bottom-color: white; border-left-color: white; border-image: initial;">商业险</th>
              <th rowspan="2" width="16%">操作</th>
            </tr>
            <tr>

              <th width="17%">佣金</th>
              <th width="17%" style="border-right: 1px solid white;">奖励</th>
              <th width="17%">佣金</th>
              <th width="17%">奖励</th>
            </tr>
          </table>
        </th>

      </tr>
    </table>
    <table  width="100%" class="table-one" border="0">
      <tr>
        <td rowspan="20" width='9%'>
          非营客
        </td>
        <td rowspan="3" width='8%'>
          不含车损 单三者≤30万或≥50万
        </td>
        <td rowspan="3" width='8%'>
          -
        </td>
        <td width='8%'>
          新车
        </td>
        <td width='8%'>-
        </td>
        <td colspan="6"  width="59%">
          <table width="100%">
            <tr>
              ####row_1####
            </tr>
          </table>
        </td>
      </tr>
       <tr>
        <td rowspan="2">
          旧车
        </td>
        <td>
          续保
        </td>
        <td colspan="6">
          <table width="100%">
            <tr>
              ####row_2####
            </tr>
          </table>
        </td>
      </tr>
      <tr>
        <td>
          非续保
        </td>
        <td colspan="6">
          <table width="100%">
            <tr>
              ####row_3####
            </tr>
          </table>
        </td>
      </tr>
      <tr >
        <td rowspan="17">
          含车损
        </td>
        <td rowspan="3">
          平台新保
        </td>
        <td>
          新车
        </td>
         <td>
          -
        </td>
        <td colspan="6">
          <table width="100%">
            <tr>
              ####row_4####
            </tr>
          </table>
        </td>
      </tr>
       <tr>
        <td rowspan="2">
          旧车
        </td>
        <td>
          续保
        </td>
        <td colspan="6">
          <table width="100%">
            <tr>
              ####row_5####
            </tr>
          </table>
        </td>
      </tr>
      <tr>
        <td>
          非续保
        </td>
        <td colspan="6">
          <table width="100%">
            <tr>
              ####row_6####
            </tr>
          </table>
        </td>
      </tr>
       <tr>
        <td rowspan="5">
          ≤15万
        </td>
        <td>
          新车
        </td>
        <td>
          -
        </td>
        <td colspan="6">
          <table width="100%">
            <tr>
              ####row_7####
            </tr>
          </table>
        </td>
      </tr>
      <tr>
        <td rowspan="2">
          0次
        </td>
        <td>
          续保
        </td>
        <td colspan="6">
          <table width="100%">
            <tr>
              ####row_8####
            </tr>
          </table>
        </td>
      </tr>
      <tr>
        <td>
          非续保
        </td>
        <td colspan="6">
          <table width="100%">
            <tr>
              ####row_9####
            </tr>
          </table>
        </td>
      </tr>
      <tr>
        <td rowspan="2">
          1至4次
        </td>
        <td>
          续保
        </td>
        <td colspan="6">
          <table width="100%">
            <tr>
              ####row_10####
            </tr>
          </table>
        </td>
      </tr>
      <tr>
        <td>
          非续保
        </td>
        <td colspan="6">
          <table width="100%">
            <tr>
              ####row_11####
            </tr>
          </table>
        </td>
      </tr>
       <tr>
        <td rowspan="5">
          15-30万
        </td>
        <td>
          新车
        </td>
        <td>
          -
        </td>
        <td colspan="6">
          <table width="100%">
            <tr>
              ####row_12####
            </tr>
          </table>
        </td>
      </tr>
      <tr>
        <td rowspan="2">
          0次
        </td>
        <td>
          续保
        </td>
        <td colspan="6">
          <table width="100%">
            <tr>
              ####row_13####
            </tr>
          </table>
        </td>
      </tr>
      <tr>
        <td>
          非续保
        </td>
        <td colspan="6">
          <table width="100%">
            <tr>
              ####row_14####
            </tr>
          </table>
        </td>
      </tr>
      <tr>
        <td rowspan="2">
          1至4次
        </td>
        <td>
          续保
        </td>
        <td colspan="6">
          <table width="100%">
            <tr>
              ####row_15####
            </tr>
          </table>
        </td>
      </tr>
      <tr>
        <td>
          非续保
        </td>
        <td colspan="6">
          <table width="100%">
            <tr>
              ####row_16####
            </tr>
          </table>
        </td>
      </tr>
       <tr>
        <td rowspan="3">
          30-50万
        </td>
        <td>
          新车
        </td>
        <td>
          -
        </td>
        <td colspan="6">
          <table width="100%">
            <tr>
              ####row_17####
            </tr>
          </table>
        </td>
      </tr>
      <tr>
        <td rowspan="2">
          5次以下
        </td>
        <td>
          续保
        </td>
        <td colspan="6">
          <table width="100%">
            <tr>
              ####row_18####
            </tr>
          </table>
        </td>
      </tr>
      <tr>
        <td>
          非续保
        </td>
        <td colspan="6">
          <table width="100%">
            <tr>
              ####row_19####
            </tr>
          </table>
        </td>
      </tr>
       <tr>
        <td>
          ＞50万
        </td>
        <td>
          0
        </td>
        <td>
          续保
        </td>
        <td colspan="6">
          <table width="100%">
            <tr>
              ####row_20####
            </tr>
          </table>
        </td>
      </tr>
       <tr>
        <td rowspan="3">
          货车
        </td>
        <td rowspan="3">
          -
        </td>
        <td>
          ＜2吨
        </td>
        <td>
          -
        </td>
        <td>
          -
        </td>
        <td colspan="6">
          <table width="100%">
            <tr>
              ####row_21####
            </tr>
          </table>
        </td>
      </tr>
      <tr>
        <td>
          2-8吨
        </td>
        <td>
          -
        </td>
        <td>
          -
        </td>
        <td colspan="6">
          <table width="100%">
            <tr>
              ####row_22####
            </tr>
          </table>
        </td>
      </tr>
      <tr>
        <td>
          8-10吨
        </td>
        <td>
          -
        </td>
        <td>
          -
        </td>
        <td colspan="6">
          <table width="100%">
            <tr>
              ####row_23####
            </tr>
          </table>
        </td>
      </tr>
      <tr>
        <td>
          特二非高风险
        </td>
        <td>
          -
        </td>
        <td>
          -
        </td>
        <td>
          -
        </td>
        <td>
          -
        </td>
        <td colspan="6">
          <table width="100%">
            <tr>
              ####row_24####
            </tr>
          </table>
        </td>
      </tr>
      <tr>
        <td>
          特三
        </td>
        <td>
          -
        </td>
        <td>
          -
        </td>
        <td>
          -
        </td>
        <td>
          -
        </td>
        <td colspan="6">
          <table width="100%">
            <tr>
              ####row_25####
            </tr>
          </table>
        </td>
      </tr>
    </table> 


    </div>
</template>
<script>
export default {};
</script>
 <style lang="scss" scoped>
.m_td {
  padding: 0;
  font-size: 14px;
  border-right: 1px solid rgb(232, 232, 232);
  border-bottom: double #e8e8e8;
  text-align: center;
}
.m_a {
  margin: 0 6px;
  color: #027dca;
  font-size: 13px;
  line-height: 28px;
}
.l_td {
  padding: 0 9px;
}
.Proportionedit_top {
  width: 100%;
  height: 93px;
  display: flex;
  margin-bottom: 20px;
  .Proportionedit_left {
    width: 50%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;

    .Proportionedit_title {
      width: 100%;
      font-size: 14px;
      color: #40819e;
      margin: 0;
      height: 22px;
      margin-bottom: 11px;
      text-align: center;
    }
    .Proportionedit_name {
      width: 100%;
      display: flex;
      justify-content: space-around;
      align-items: center;
      height: 22px;
      margin-bottom: 5px;
      font-size: 13px;
      color: #666666;
      .Proportionedit_inp {
        width: 50px;
      }
    }
    .actives {
      .Proportionedit_inp {
        border: 1px solid red;
      }
    }
    .activess {
      .Proportionedit_inp {
        border: 1px solid red;
      }
    }
  }
}
.Proportionedit_btn {
  width: 100%;
  height: 28px;
  margin-top: 27px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  button {
    background: #f7f7f7;
    border: 1px solid #dddddd;
    border-radius: 5px;
    width: 50px;
    height: 28px;
    margin-left: 20px;
    cursor: pointer;
  }
  .surebtn {
    background: #ff7819;
    border: 1px solid #ee6000;
    border-radius: 5px;
    outline: none;
    color: #ffffff;
  }
}
.numinp {
  width: 60px;
  margin-left: 5px;
}
.actives .numinp {
  border: 1px solid red;
}
.actives_tuo .numinp {
  border: 1px solid red;
}

.table-one {
  tr {
    td {
      border: 1px solid #d8d8d8;
      border-bottom: double #d8d8d8;
      margin: 0;
      padding: 0;
    }
    td:last-child {
      border-right: 0;
    }
    td:first-child {
      border-left: 0;
    }
  }
}
.table-one {
  line-height: 25px;
  text-align: center;
  border-collapse: collapse;
  padding: 2px;
}
.table-top {
  border-collapse: collapse;
  tr {
    height: 40px;
    th {
      background: #334750;
      color: #fff;
      border: 0;
      text-align: center;
      border-right: 1px solid #d8d8d8;
    }
    th:last-child {
      border: none;
    }
  }
}
.table-two {
  border-collapse: collapse;
  tr:first-child {
    td {
      border-top: 0;
    }
  }
  tr:last-child {
    td {
      border-bottom: 0;
    }
  }
  tr {
    td:first-child {
      border-left: 0;
    }
  }
}

.policy-table {
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
  tr {
    height: 40px;
    td {
      background: #d1d1d1;
    }
  }
}
.policy-div {
  width: 1000px;
  overflow: hidden;
}
.wd600 {
  width: 600px;
  padding: 0;
  margin: 0;
}
.wd400 {
  width: 400px;
  padding: 0;
  margin: 0;
}
.wd100 {
  width: 100px;
  padding: 0;
  margin: 0;
}
.wd900 {
  width: 900px;
  padding: 0;
  margin: 0;
}
.wd800 {
  width: 800px;
  padding: 0;
  margin: 0;
}
</style>
